<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head th:fragment="common-head">
    <!--后台公共Header-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- VENDOR CSS -->
    <link rel="stylesheet" href="/static/common/assets/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/common/assets/vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/common/assets/vendor/linearicons/style.css">
    <link rel="stylesheet" href="/static/common/assets/vendor/chartist/css/chartist-custom.css">
    <!-- MAIN CSS -->
    <link rel="stylesheet" href="/static/common/assets/css/main.css">
    <!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
    <link rel="stylesheet" href="/static/common/assets/css/demo.css">
    <!-- GOOGLE FONTS -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
    <!-- ICONS -->
    <link rel="apple-touch-icon" sizes="76x76" href="/static/common/assets/img/apple-icon.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/static/common/assets/img/favicon.png">
</head>
<body>
    <div id="wrapper" >
        <nav class="navbar navbar-default navbar-fixed-top" th:fragment="common-nav">
            <div class="brand">
                <a href="index.html"><img src="/static/common/assets/img/logo-dark.png" alt="Klorofil Logo" class="img-responsive logo"></a>
            </div>
            <div class="container-fluid">
                <div class="navbar-btn">
                    <button type="button" class="btn-toggle-fullwidth"><i class="lnr lnr-arrow-left-circle"></i></button>
                </div>
                <form class="navbar-form navbar-left">
                    <div class="input-group">
                        <input type="text" value="" class="form-control" placeholder="搜索...">
                        <span class="input-group-btn"><button type="button" class="btn btn-primary">Go</button></span>
                    </div>
                </form>
                <div id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle icon-menu" data-toggle="dropdown">
                                <i class="lnr lnr-alarm"></i>
                                <span class="badge bg-danger">5</span>
                            </a>
                            <ul class="dropdown-menu notifications">
                                <li><a href="#" class="notification-item"><span class="dot bg-warning"></span>System space is almost full</a>
                                </li>
                                <li><a href="#" class="notification-item"><span class="dot bg-danger"></span>You have 9 unfinished
                                    tasks</a></li>
                                <li><a href="#" class="notification-item"><span class="dot bg-success"></span>Monthly report is available</a>
                                </li>
                                <li><a href="#" class="notification-item"><span class="dot bg-warning"></span>Weekly meeting in 1 hour</a>
                                </li>
                                <li><a href="#" class="notification-item"><span class="dot bg-success"></span>Your request has been
                                    approved</a></li>
                                <li><a href="#" class="more">See all notifications</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="/static/common/assets/img/user.png" class="img-circle" alt="Avatar">
                                <span th:text="${session.username}"></span>
                                <i class="icon-submenu lnr lnr-chevron-down"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="lnr lnr-user"></i> <span>个人主页</span></a></li>
                                <li><a href="#"><i class="lnr lnr-envelope"></i> <span>消息</span></a></li>
                                <li><a href="#"><i class="lnr lnr-cog"></i> <span>设置</span></a></li>
                                <li><a href="#"><i class="lnr lnr-exit"></i> <span>登出</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <!-- LEFT SIDEBAR -->
        <div id="sidebar-nav" class="sidebar" th:fragment="common-sidebar">
            <div class="sidebar-scroll">
                <nav>
                    <ul class="nav">
                        <li>
                            <a href="#subPages0" data-toggle="collapse" class="collapsed"><i class="lnr lnr-users"></i>
                                <span>服务商管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages0" class="collapse">
                                <ul class="nav">
                                    <li><a href="#" class="sidebar-item">基本信息</a></li>
                                    <li><a href="#" class="sidebar-item">服务内容</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages1" data-toggle="collapse" class="collapsed"><i class="lnr lnr-pencil"></i>
                                <span>结算管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages1" class="collapse">
                                <ul class="nav">
                                    <li><a href="#" class="sidebar-item">支付渠道</a></li>
                                    <li><a href="#" class="sidebar-item">结算关系</a></li>
                                    <li><a href="#" class="sidebar-item">交易管理</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages2" data-toggle="collapse" class="collapsed"><i class="lnr lnr-chart-bars"></i>
                                <span>报表管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages2" class="collapse">
                                <ul class="nav">
                                    <li><a href="/test/userReport" class="sidebar-item">用户量报表</a></li>
                                    <li><a href="/test/transactionReport" class="sidebar-item">交易报表</a></li>
                    </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages3" data-toggle="collapse" class="collapsed"><i class="lnr lnr-user"></i>
                                <span>客户管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages3" class="collapse">
                                <ul class="nav">
                                    <li>
                                        <a href="#subPages3_1" data-toggle="collapse" class="sidebar-item"></i>
                                            <span>基本信息管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                                        <div id="subPages3_1" class="collapse">
                                            <ul class="nav">
                                                <li><a href="/test/userInfo" class="sidebar-item" style="text-indent: 2em">查看客户信息</a></li>
                                                <li><a href="/test/addUser" class="sidebar-item" style="text-indent: 2em">添加客户信息</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#subPages3_2" data-toggle="collapse" class="sidebar-item"></i>
                                            <span>健康卡管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                                        <div id="subPages3_2" class="collapse">
                                            <ul class="nav">
                                                <li><a href="/test/vipContentInfo" class="sidebar-item" style="text-indent: 2em">查看健康卡信息</a></li>
                                                <li><a href="/test/addVipContent" class="sidebar-item" style="text-indent: 2em">添加健康卡信息</a></li>
                                                <li><a href="#" class="sidebar-item" style="text-indent: 2em">修改健康卡信息</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages4" data-toggle="collapse" class="collapsed"><i class="lnr lnr-cog"></i>
                                <span>外部系统接口管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages4" class="collapse">
                                <ul class="nav">
                                    <li><a href="#" class="sidebar-item">外部医疗机构系统接口</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages5" data-toggle="collapse" class="collapsed"><i class="lnr lnr-list"></i>
                                <span>订单管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages5" class="collapse">
                                <ul class="nav">
                                    <li><a href="#" class="sidebar-item">下订单</a></li>
                                    <li><a href="#" class="sidebar-item">跟踪订单</a></li>
                                    <li><a href="#" class="sidebar-item">取消订单</a></li>
                                    <li><a href="#" class="sidebar-item">订单交易</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages6" data-toggle="collapse" class="collapsed"><i class="lnr lnr-smile"></i>
                                <span>积分管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages6" class="collapse">
                                <ul class="nav">
                                    <li><a href="#" class="sidebar-item">积分规则</a></li>
                                    <li><a href="#" class="sidebar-item">获得积分</a></li>
                                    <li><a href="#" class="sidebar-item">使用积分</a></li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#subPages7" data-toggle="collapse" class="collapsed"><i class="lnr lnr-layers"></i>
                                <span>内容管理</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                            <div id="subPages7" class="collapse">
                                <ul class="nav">
                                    <li>
                                        <a href="#subPages7_1" data-toggle="collapse" class="sidebar-item"></i>
                                            <span>内容发布</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                                        <div id="subPages7_1" class="collapse">
                                            <ul class="nav">
                                                <li><a href="/test/addNews" class="sidebar-item" style="text-indent: 2em">添加新闻</a></li>
                                                <li><a href="/test/addMedicine" class="sidebar-item"  style="text-indent: 2em">添加药品资讯</a></li>
                                                <li><a href="/test/addHospital" class="sidebar-item"  style="text-indent: 2em">添加医院信息</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#subPages7_2" data-toggle="collapse" class="sidebar-item"></i>
                                            <span>内容查看</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
                                        <div id="subPages7_2" class="collapse">
                                            <ul class="nav">
                                                <li><a href="/test/newsInfo" class="sidebar-item" style="text-indent: 2em">新闻列表</a></li>
                                                <li><a href="/test/medicineInfo" class="sidebar-item"  style="text-indent: 2em">药品信息列表</a></li>
                                                <li><a href="/test/hospitalInfo" class="sidebar-item"  style="text-indent: 2em">医院信息列表</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li><a href="#" class="sidebar-item">分类管理</a></li>
                                    <li><a href="#" class="sidebar-item">内容审核</a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- END LEFT SIDEBAR -->
    </div>

</body>
</html>